import type { ISideViewLocation } from "@/models/loc";
import * as React from "react";
import type { FC} from "react";
import './cbox.less'
import './tooltip.less'
import goods from '../../../assets/goods.svg';

const CBox: FC<{ location: ISideViewLocation }> = (props) => {
  return (
    <>
        <div
          className={`cbox tooltip ${props.location.exists ? '' : 'notexists'}`}
          data-location-id={props.location.locationId}
          data-height-limit={props.location.heightLimit}
          data-weight-limit={props.location.weightLimit}
          data-storage-group={props.location.storageGroup}
          data-specification={props.location.specification}
        >
          {
            props.location.loaded &&
              <img style={{ marginBottom:-6 }} title='有货' alt='有货' src={goods} />

          }
        </div>
    </>
  )
}
export default CBox;
